<template>
	<view :style="colorStyle">
		<view class='merchantDetail'>
			<view class='list'>
				<navigator hover-class='none' class='item acea-row row-between-wrapper'>
					<view class='text acea-row row-column-between'>
						<view class='name'>{{merchantDetail.merchant_name}}</view>
						<view style="margin-bottom: 10px;">根据相关法律法规要求对网店营业执照信息公示如下：</view>
					</view>
				</navigator>
			</view>
			<view style="margin-top: 10px;text-align: center;">
				<image :src='merchantDetail.qualifications'></image>
			</view>
			<view style="margin: 10px 20px 0 20px;font-size: 12px;color: #999;}">
				注：以上营业执照信息来源于卖家自行申报及工商系统数据，具体以工商部门登记为准。经营者需确保信息真实有效，平台也将定期核查。如与实际不符，为避免违规，请联系当地工商部门或平台客服更新。
			</view>
		</view>
	</view>
</template>

<script>
	import {
		getMerchantDetail
	} from '@/api/merchant.js';
	import colors from "@/mixins/color";
	export default {
		components: {
		},
		mixins: [colors],
		data() {
			return {
				merchantDetail: [],
				mer_id:0,
			};
		},
		onLoad(options) {
			let that = this;
			that.mer_id = options.mer_id;
			this.getMerchantDetail(options.mer_id);
		},

		methods: {
			//获取商户主页信息
			getMerchantDetail(id) {
				getMerchantDetail(id, {
					
				}).then(res => {
					this.merchantDetail = res.data.merchant;
				});
			},
		}
	}
</script>

<style lang="scss">
	.noCommodity {
		border-top-width: 0;
	}

	page {
		background-color: #fff !important;
	}

	.merchantDetail .list .item {
		margin: 0 30rpx;
		border-bottom: 1rpx solid #f0f0f0;
	}

	.merchantDetail .list .item .text {
		height: 130rpx;
		font-size: 24rpx;
		color: #999;
	}

	.merchantDetail .list .item .text .name {
		font-size: 33rpx;
		color: #282828;
		margin-top: 10px;
	}

	.merchantDetail .list .item .time {
		text-align: right;
		font-size: 24rpx;
		color: #999;
		margin-top: 22rpx;
	}

	.acea-row{
		display:inline-flex;
	}

	.list-box {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 10px;

		.item {
			width: 345rpx;
			margin-bottom: 20rpx;
			background-color: #fff;
			border-radius: 20rpx;
			overflow: hidden;
			position: relative;

			.pictrue_log {
				width: 92rpx;
				height: 44rpx;
				font-size: 26rpx;
				line-height: 44rpx;
			}

			image {
				width: 100%;
				height: 346rpx;
				display: block;
			}

			.text-info {
				padding: 10rpx 20rpx 15rpx;

				.title {
					color: #222222;
				}

				.old-price {
					margin-top: 4rpx;
					font-size: 26rpx;
					color: #AAAAAA;
					text-decoration: line-through;

					text {
						margin-right: 2px;
						font-size: 20rpx;
					}
				}

				.price {
					display: flex;
					align-items: flex-end;
					font-size: 36rpx;
					font-weight: 550;

					text {
						padding-bottom: 4rpx;
						font-size: 26rpx;
						font-weight: normal;
					}

					.txt {
						display: flex;
						align-items: center;
						justify-content: center;
						width: 28rpx;
						height: 28rpx;
						margin-left: 15rpx;
						margin-bottom: 10rpx;
						border-radius: 4rpx;
						font-size: 20rpx;
						font-weight: normal;
						&.on{
							margin-left: 0;
						}
					}
				}
			}
		}

		&.on {
			display: flex;
		}
	}
</style>
